<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="${ctxPath}/assets/expand/images/zslogo02.png" rel="icon">
    <!-- 引入我们的css初始化文件 -->
    <link rel="stylesheet" href="/assets/echarts/css/tms/normalize.css">
    <!-- 引入我们首页的css -->
    <link rel="stylesheet" href="/assets/echarts/css/tms/index.css">
    <title>先飞数智月度运输大数据可视化指标分析</title>
</head>
<body>
    <header>
		<select name="" class="select" id="select">
		</select>
		<select name="" class="select2" id="o-select">
			<option value="全部">全部</option>
			<option value="九州通配送">九州通配送</option>
			<option value="中顺洁柔孝感外租仓">中顺洁柔孝感外租仓</option>
			<option value="银座配送">银座配送</option>
			<option value="山东正商共配">山东正商共配</option>
			<option value="成都">成都</option>
			<option value="重庆">重庆</option>
			<option value="上虞协同仓">上虞协同仓</option>
			<option value="江西">江西</option>
			<option value="哈尔滨">哈尔滨</option>
			<option value="（济南）">（济南）</option>
			<option value="贝因美">贝因美</option>
			<option value="华熙TOB仓">华熙TOB仓</option>
			<option value="宏济堂">宏济堂</option>
			<option value="冷链云仓">冷链云仓</option>
			<option value="高新人力">高新人力</option>
			<option value="兰州">兰州</option>
			<option value="南京">南京</option>
			<option value="青岛">青岛</option>
			<option value="济南软风">济南软风</option>
			<option value="石家庄">石家庄</option>
			<option value="汕头">汕头</option>
			<option value="上虞电商">上虞电商</option>
			<option value="苏州">苏州</option>
			<option value="天津">天津</option>
			<option value="潍坊（电商）">潍坊（电商）</option>
			<option value="潍坊商贸">潍坊商贸</option>
			<option value="潍坊干线">潍坊干线</option>
			<option value="芜湖（商贸）">芜湖（商贸）</option>
			<option value="芜湖大润发">芜湖大润发</option>
			<option value="芜湖内搬">芜湖内搬</option>
			<option value="芜湖干线">芜湖干线</option>
			<option value="温州">温州</option>
			<option value="孝感运营中心">孝感运营中心</option>
			<option value="泉林本色">泉林本色</option>
			<option value="历城云仓">历城云仓</option>
			<option value="园区">园区</option>
			<option value="总部运力调度">总部运力调度</option>
			<option value="浙北商贸">浙北商贸</option>
		</select>
		<button class="but1" id="but1">运输统计</button>
		<button class="but2" id="but2">线路统计</button>
		<button class="but3" id="but3">仓储图表</button>
        <h1 id="bigtitle">月度运输数据分析</h1>
        <div id="showtime">
            当前时间
        </div>
        <script>
            var clock = null;
            clock = setTimeout(nowTime, 1000);

            function nowTime() {
                clearTimeout(clock);
                var t = new Date();
                // var y = t.;

                var time = t.getFullYear() + "年" + (t.getMonth()+1) +
                    "月" + t.getDate() + "日" + t.getHours() + "时" + t.getMinutes() +
                    "分" + t.getSeconds() + "秒";
                document.getElementById('showtime').innerHTML = time;

                clock = setTimeout(nowTime, 1000);
            }
        </script>
    </header>
    <section>
        <div class="main">
            <div class="column">
                <div class="panel">
                    <div class="panel-footer">
                    </div>
                    <div class="bar">
                        <h2 id="title1"></h2>
                        <div class="chart" id="a">
                        </div>
                    </div>
                </div>


                <div class="panel">
                    <div class="panel-footer">
                    </div>
                    <div class="line">
                        <h2 id="title2"></h2>
                        <div class="chart">
                        </div>
                    </div>
                </div>

                <div class="panel">
                    <div class="panel-footer">
                    </div>
                    <div class="pie">
                        <h2 id="title3"></h2>
                        <div class="chart">
                        </div>
                    </div>
                </div>
            </div>

            <div class="column">
                <div class="num">
                    <div class="num-hd">
                        <ul>
                            <li class="licolor1" id="data1"></li>
							<span class="shuxian"></span>
                            <li class="licolor2" id="data2"></li>
							<span class="shuxian"></span>
                            <li class="licolor1" id="data3"></li>
							<span class="shuxian"></span>
                            <li class="licolor2" id="data4"></li>
                        </ul>
                    </div>
                    <div class="num-bd">
                        <ul>
                            <li id="dataname1"></li>
                            <li id="dataname2"></li>
                            <li id="dataname3"></li>
                            <li id="dataname4"></li>
                        </ul>
                    </div>
                </div>
                <div class="map">
                    <div class="map1"></div>
                    <div class="map2"></div>
                    <div class="map3"></div>
                    <div class="chart"></div>
                </div>
            </div>
			
            <div class="column">
                <div class="panel">
                    <div class="panel-footer">
                    </div>
                    <div class="bar2">
                        <h2 id="title4"></h2>
                        <div class="chart">
                        </div>
                    </div>
                </div>

                <div class="panel">
                    <div class="panel-footer">
                    </div>
                    <div class="line2">
                        <h2 id="title5"></h2>
                        <div class="chart">
                        </div>
                    </div>
                </div>

                <div class="panel">
                    <div class="panel-footer">
                    </div>
                    <div class="pie2">
                        <h2 id="title6"></h2>
                        <div class="chart">
                        </div>
                    </div>
                </div>
                
                <div class="panel">
                    <div class="panel-footer">
                    </div>
                    <div class="pie3">
                        <h2 id="title7"></h2>
                        <div class="chart">
                        </div>
                    </div>
                </div>
            </div>
			
        </div>
    </section>
    <script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
    <script src="/assets/echarts/js/tms/flexible.js"></script>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="/assets/echarts/js/tms/china.js"></script>
	<script src="/assets/echarts/js/echarts-tooltip-carousel.js"></script>
	<script src="/assets/echarts/js/tms/index2.js"></script>
</body>
</html>